<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>滚滚筹-安全设置-绑定手机</title>
    <link rel="stylesheet" href="css/fb-common.min.css">
    <link rel="stylesheet" href="css/jBox.css">
    <link rel="stylesheet" href="css/product.min.css">
    <link rel="stylesheet" href="css/user.min.css?a=1.0">
    <link rel="stylesheet" href="css/main.min.css?a=1.0">
</head>
<body class="theme-f5">
<div class="fb-wrap gray-f5">
    <!--头部-->
    <div class="in-header-bar">
        <div class="in-fast-bar">
            <div class="fb-wrap-1200 fs-14 clear">
                <label class="in-fast-tel">
                    <i class="fb-sprite icon-head-tel"></i>
                    <span class="tc-999">服务热线：123456 （9:00~22:00）</span>
                </label>
                <div class="in-fast-nav">
                    <label class="in-user-nav">
                        <a class="border-none-right mr-0" href="user-login.html">您好，请登录</a>
                        <a class="" href="user-register.html">免费注册</a>
                        <a class="" href="user-help.html">帮助中心</a>
                    </label>
                    <label class="in-user-fast">
                        <a class="app-ewm-bar fn-hover-bar" href="javascript:;">
                            <span class="fb-btn line main-color"><i class="fb-sprite icon-phone"></i>手机 APP</span>
                            <label class="show-app-ewm fn-hover-menu">
                                <img src="img/icon-ewm.png">
                                <span>扫一扫 ，下载APP</span>
                            </label>
                        </a>
                        <a class="app-qq-bar" href="javascript:;"><i class="fb-sprite icon-QQ"></i></a>
                        <a class="wx-ewm-bar fn-hover-bar" href="javascript:;">
                            <i class="fb-sprite icon-WX"></i>
                            <label class="show-wx-ewm fn-hover-menu">
                                <img src="img/icon-ewm.png">
                                <span>扫一扫，关注公众号</span>
                            </label>
                        </a>
                    </label>
                </div>
            </div>
        </div>
        <div class="in-head-bar">
            <div class="fb-wrap-1200 fs-16 pt-5 pb-10">
                <div class="fb-container clear">
                    <div class="in-head-login">
                        <a href="ggc-index.html">
                            <label class="logo"><img src="img/logo.png"></label>
                            <label class="logo-text">
                                <img src="img/logo-text.png">
                                <span class="fs-12 tc-333"><em class="tc-oag">785213</em>位投资人的选择</span>
                            </label>
                        </a>
                    </div>
                    <div class="in-head-nav">
                        <a class="active" href="ggc-index.html">
                            <em></em>
                            <span>首页</span>
                        </a>
                        <a href="ggc-cars-funding.html">
                            <em></em>
                            <span>汽车众筹</span>
                        </a>
                        <a href="ggc-safety-guarantee.html">
                            <em></em>
                            <span>安全保障</span>
                            <i class="fb-sprite icon-new"></i>
                        </a>
                        <a href="user-new-people.html">
                            <em></em>
                            <span>新手指引</span>
                        </a>
                        <a href="user-about-us.html">
                            <em></em>
                            <span>关于我们</span>
                        </a>
                        <a href="user-personal-center.html">
                            <em></em>
                            <span>我的账户</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容-->
    <div class="in-container fb-wrap-1200">
        <div class="page-area">
            <a href="ggc-index.html">首页</a>
            <em>></em>
            <a href="ggc-safety-guarantee.html">安全保障</a>
            <em>></em>
            <span>项目详情</span>
        </div>
        <div class="page-cont clear">
            <div class="page-slide">
                <div class="slide-menu">
                    <div class="father active">
                        <a href="#">
                            <i class="fb-sprite account-icon"></i>
                            <span>账户总览</span>
                        </a>
                    </div>
                    <div class="son">
                        <label class="title">
                            <i class="fb-sprite project-icon"></i>
                            <span>项目管理</span>
                            <b class="fb-arrow-dir down"></b>
                        </label>
                        <ul class="son-list">
                            <li><a href="personal-mine-project.html"><i></i>我的项目</a></li>
                            <li><a href="personal-keep-project.html"><i></i>关注的项目</a></li>
                            <li><a href="personal-evaluate-project.html"><i></i>评价的项目</a></li>
                        </ul>
                    </div>
                    <div class="son">
                        <label class="title">
                            <i class="fb-sprite wallet-icon"></i>
                            <span>我的钱包</span>
                            <b class="fb-arrow-dir down"></b>
                        </label>
                        <ul class="son-list">
                            <li><a href="personal-trading-record.html"><i></i>交易记录</a></li>
                            <li><a href="personal-integral.html"><i></i>我的积分</a></li>
                            <li><a href="persoanl-ticket.html"><i></i>我的增益券</a></li>
                        </ul>
                    </div>
                    <div class="son">
                        <label class="title">
                            <i class="fb-sprite setting-icon"></i>
                            <span>安全设置</span>
                            <b class="fb-arrow-dir down"></b>
                        </label>
                        <ul class="son-list">
                            <li><a href="personal-attestation.html"><i></i>认证资料</a></li>
                            <li><a href="personal-login-password.html"><i></i>登录密码管理</a></li>
                            <li><a href="personal-pay-password.html"><i></i>支付密码管理</a></li>
                            <li><a href="personal-binding-phone.html"><i></i>绑定手机</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="page-container">
                <div class="cont">
                    <div class="personal-container">
                        <div class="title"><span>绑定手机号码</span></div>
                        <div class="register-cont width mt-20 ml-0">
                            <div class="step-cont active">
                                <div class="user-form">
                                    <h2 class="user-title small">验证身份信息</h2>
                                    <div class="item small">
                                        <label class="normal clean">
                                            <input class="clean-input" type="password" value=""
                                                   placeholder="输入登陆密码">
                                            <a class="clean-btn" href="javascript:;">
                                                <i class="fb-sprite icon-clean"></i>
                                            </a>
                                        </label>
                                        <div class="form-tips">
                                            <label><b class='fb-arrow-dir left'></b>原密码错误，请重新输入</label>
                                        </div>
                                    </div>
                                    <div class="item small">
                                        <label class="normal clean">
                                            <input class="clean-input" type="text" value=""
                                                   placeholder="输入身份证号码">
                                            <a class="clean-btn" href="javascript:;">
                                                <i class="fb-sprite icon-clean"></i>
                                            </a>
                                        </label>
                                        <div class="form-tips">
                                            <label><b class='fb-arrow-dir left'></b>原密码错误，请重新输入</label>
                                        </div>
                                    </div>
                                    <div class="btn-bar">
                                        <a class="fb-btn no-bd radius gradient" href="javascript:;" id="reset">进入下一步</a>
                                    </div>
                                </div>
                            </div>
                            <div class="step-cont">
                                <div class="user-form">
                                    <h2 class="user-title small">绑定新手机</h2>
                                    <div class="item small">
                                        <label class="normal clean">
                                            <input class="clean-input" type="text" value=""
                                                   placeholder="输入手机号码">
                                            <a class="clean-btn" href="javascript:;">
                                                <i class="fb-sprite icon-clean"></i>
                                            </a>
                                        </label>
                                        <div class="form-tips">
                                            <label><b class='fb-arrow-dir left'></b>原密码错误，请重新输入</label>
                                        </div>
                                    </div>
                                    <div class="item small">
                                        <label class="code clean small">
                                            <input class="clean-input" type="text" value="" placeholder="图形验证码">
                                            <a class="clean-btn" href="javascript:;">
                                                <i class="fb-sprite icon-clean"></i>
                                            </a>
                                        </label>
                                        <a class="code-btn big" href="javascript:;" title="点击换一换">
                                            <img src="img/code.jpg">
                                            <span>看不清 换一张</span>
                                        </a>
                                        <div class="form-tips">
                                            <label><b class='fb-arrow-dir left'></b>原密码错误，请重新输入</label>
                                        </div>
                                    </div>
                                    <div class="item small">
                                        <label class="code clean smaller">
                                            <input class="clean-input" type="text" value="" placeholder="手机验证码">
                                            <a class="clean-btn" href="javascript:;">
                                                <i class="fb-sprite icon-clean"></i>
                                            </a>
                                        </label>
                                        <a id="countDown" class="cut-down" href="javascript:;">获取验证码</a>
                                    </div>
                                    <div class="btn-bar">
                                        <a class="fb-btn no-bd radius gradient tc-fff" href="javascript:;" id="sureBtn">提交认证</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class="in-footer-bar">
        <div class="fb-wrap-1200">
            <div class="footer-cont">
                <div class="footer-intro clear">
                    <div class="about-us">
                        <h2>关于我们</h2>
                        <ul>
                            <li>
                                <label>客服热线: <span>023-6281-7690</span></label>
                            </li>
                            <li>
                                <label>公司地址：重庆市南岸区烟雨路1号（大都水汇旁）</label>
                            </li>
                            <li>
                                <label>工作时间：周一到周五 09:00-18:00</label>
                            </li>
                            <li>
                                <label>服务邮箱：hzccan@qq.com</label>
                            </li>
                        </ul>
                    </div>
                    <div class="keep-us">
                        <h2>关注下载</h2>
                        <label>
                            <img src="img/icon-ewm.png">
                            <span>扫一扫关注微信公众号</span>
                        </label>
                        <label>
                            <img src="img/icon-ewm.png">
                            <span>扫一扫下载APP</span>
                        </label>
                    </div>
                    <div class="exterior-links">
                        <h2>友情链接</h2>
                        <label>
                            <a href="#">黑客帝国</a>
                            <a href="#">长江证券</a>
                            <a href="#">平安保险</a>
                            <a href="#">站长统计</a>
                        </label>
                    </div>
                </div>
            </div>
            <span class="copyright">2010-2017 版权所有 © 滚滚筹 粤ICP备16104116号-1</span>
        </div>
    </div>
    <!--右侧浮动菜单-->
    <div class="in-float-nav">
        <ul>
            <li>
                <a href="user-feedback.html">
                    <i class="fb-sprite icon-feed"></i>
                    <span>意见反馈</span>
                </a>
            </li>
            <li>
                <a href="user-help.html">
                    <i class="fb-sprite icon-help"></i>
                    <span>帮助中心</span>
                </a>
            </li>
            <li>
                <a class="show-service" href="javascript:;">
                    <i class="fb-sprite icon-service-people"></i>
                    <span>客服中心</span>
                </a>
            </li>
            <li>
                <a class="show-ewm fn-hover-bar" href="javascript:;">
                    <i class="fb-sprite icon-ewm"></i>
                    <span>扫码下载</span>
                    <label class="ewm-bar fn-hover-menu clear">
                        <b class="fb-arrow-dir right"></b>
                        <label>
                            <img src="img/icon-ewm.png">
                            <em>扫一扫 关注公众号</em>
                        </label>
                        <label>
                            <img src="img/icon-ewm.png">
                            <em>扫一扫 下载APP</em>
                        </label>
                    </label>
                </a>
            </li>
            <li>
                <a class="go-top" href="javascript:;">
                    <i class="fb-sprite icon-top"></i>
                    <span>返回顶部</span>
                </a>
            </li>
        </ul>
    </div>
</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.jbox.js"></script>
<script src="js/fb-common.js"></script>
<script src="js/fb-page.js"></script>
<script>
    $(function () {
        //配置弹窗
        $.jBox.configFun(function (opt) {
            opt.isVertical = false;
        });

        //绑定倒计时
        var countTime = "";
        if (countTime) countTime.stopTimeFun();
        $(document).on("click", "#countDown", function () {
            if ($(this).hasClass("active")) return false;
            var time = 120;
            countTime = new FB.countDown(this, time, ["获取验证码", " 秒后重新获取"], function () {
                console.log("倒计时结束")
            });
        });

        //清除文字
        $(".clean-input").focus(function () {
            $(this).next().show();
            $(this).parent().removeClass("error");
            $(this).parent().next(".form-tips").hide();
        }).blur(function () {
            if (!$(this).val()) {
                $(this).next().hide();
            }
        });
        $(".clean-btn").each(function () {
            clearText(this, $(this).prev());
        });

        //重新
        $("#reset").click(function () {
            $(".step-cont:eq(0)").removeClass("active");
            $(".step-cont:eq(1)").addClass("active");
        });
    })
</script>
</body>
</html>